<!DOCTYPE html>
<html class="overflow-hidden">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>礼仪之邦-火拼列表</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/app.css"/>
</head>
<body class="overflow-hidden">
<div class="main-box spellGroup-bar">
    <h2 class="header-box pos-abs-tl">火拼专区</h2>

    <div class="spellGroup-menu list-row none-space pos-abs-tl">
        <ul class="row-3 clearfix">
            <li class="active"><a href="javascript:;">全部</a></li>
            <li><a href="javascript:;">火拼中</a></li>
            <li><a href="javascript:;">即将开始</a></li>
        </ul>
    </div>
    <div class="shopDetails-content">
        <div id="wrapper">
            <div id="scroller">
                <div id="pullDown">
                    <span class="pullDownIcon"></span>
                    <span class="pullDownLabel">下拉刷新...</span>
                </div>
                <div class="spellGroup-list">
                    <div style="position: absolute; top: 85px; left: 50%; margin: 0 0 0 -52px; text-align: center; display: none">
                        <img style="width: 100px; height: 101px; margin: auto;" src="img/noneGroup.png">

                        <p style="font-size: 12px; color: #C5C5C5; margin: 10px;">暂无伙拼信息！</p>
                    </div>
                    <div class="list-tab-content" style="display: block;">
                        <div class="has-group-list" style="display: block">
                            <div class="pushData-row">
                                <a href="#">
                                    <div class="pushData-img">
                                        <img src="img/product-img1.jpg">

                                        <div class="show-shop-type">
                                            <span>浓郁果香</span>
                                            <span class="active">香味纯正</span>
                                            <span>鲜嫩多汁</span>
                                        </div>
                                    </div>
                                    <div class="pushData-text group-shop-name">
                                        <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                        <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                    </div>
                                </a>

                                <div class="pushData-time clearfix">
                                    <div class="pushData-time-bar pull-left">
                                        <label>距结束</label>

                                        <div class="pull-right limitTime">
                                            <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                                class="timeMinute"></span>:<span
                                                class="timeSecond"></span>
                                        </div>
                                    </div>
                                    <div class="pushData-time-text pull-right">
                                        <label>共团：90</label>
                                        <span>已售：56</span>
                                    </div>
                                </div>

                                <div class="pushData-price">
                                    <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                    <p class="pushData-price-old">市场价：￥630.39</p>
                                    <a href="#">立即抢购</a>
                                </div>
                            </div>
                            <div class="pushData-row">
                                <a href="#">
                                    <div class="pushData-img">
                                        <img src="img/product-img1.jpg">

                                        <div class="show-shop-type">
                                            <span>浓郁果香</span>
                                            <span class="active">香味纯正</span>
                                            <span>鲜嫩多汁</span>
                                        </div>
                                    </div>
                                    <div class="pushData-text group-shop-name">
                                        <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                        <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                    </div>
                                </a>

                                <div class="pushData-time clearfix">
                                    <div class="pushData-time-bar pull-left">
                                        <label>距结束</label>

                                        <div class="pull-right limitTime">
                                            <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                                class="timeMinute"></span>:<span
                                                class="timeSecond"></span>
                                        </div>
                                    </div>
                                    <div class="pushData-time-text pull-right">
                                        <label>共团：90</label>
                                        <span>已售：56</span>
                                    </div>
                                </div>

                                <div class="pushData-price">
                                    <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                    <p class="pushData-price-old">市场价：￥630.39</p>
                                    <a href="#">立即抢购</a>
                                </div>
                            </div>
                            <div class="pushData-row">
                                <a href="#">
                                    <div class="pushData-img">
                                        <img src="img/product-img1.jpg">

                                        <div class="show-shop-type">
                                            <span>浓郁果香</span>
                                            <span class="active">香味纯正</span>
                                            <span>鲜嫩多汁</span>
                                        </div>
                                    </div>
                                    <div class="pushData-text group-shop-name">
                                        <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                        <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                    </div>
                                </a>

                                <div class="pushData-time none-start-time clearfix">
                                    <div class="pushData-time-bar pull-left">
                                        <label>离开始</label>

                                        <div class="pull-right limitTime">
                                            <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                                class="timeMinute"></span>:<span
                                                class="timeSecond"></span>
                                        </div>
                                    </div>
                                    <div class="pushData-time-text pull-right">
                                        <label>共团：90</label>
                                    </div>
                                </div>

                                <div class="pushData-price">
                                    <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                    <p class="pushData-price-old">市场价：￥630.39</p>
                                </div>
                            </div>
                            <div class="pushData-row">
                                <a href="#">
                                    <div class="pushData-img">
                                        <img src="img/product-img1.jpg">

                                        <div class="show-shop-type">
                                            <span>浓郁果香</span>
                                            <span class="active">香味纯正</span>
                                            <span>鲜嫩多汁</span>
                                        </div>
                                    </div>
                                    <div class="pushData-text group-shop-name">
                                        <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                        <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                    </div>
                                </a>

                                <div class="pushData-time none-start-time clearfix">
                                    <div class="pushData-time-bar pull-left">
                                        <label>离开始</label>

                                        <div class="pull-right limitTime">
                                            <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                                class="timeMinute"></span>:<span
                                                class="timeSecond"></span>
                                        </div>
                                    </div>
                                    <div class="pushData-time-text pull-right">
                                        <label>共团：90</label>
                                    </div>
                                </div>

                                <div class="pushData-price">
                                    <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                    <p class="pushData-price-old">市场价：￥630.39</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list-tab-content">
                        <div class="pushData-row">
                            <a href="#">
                                <div class="pushData-img">
                                    <img src="img/product-img1.jpg">

                                    <div class="show-shop-type">
                                        <span>浓郁果香</span>
                                        <span class="active">香味纯正</span>
                                        <span>鲜嫩多汁</span>
                                    </div>
                                </div>
                                <div class="pushData-text group-shop-name">
                                    <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                    <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                </div>
                            </a>

                            <div class="pushData-time clearfix">
                                <div class="pushData-time-bar pull-left">
                                    <label>距结束</label>

                                    <div class="pull-right limitTime">
                                        <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                            class="timeMinute"></span>:<span
                                            class="timeSecond"></span>
                                    </div>
                                </div>
                                <div class="pushData-time-text pull-right">
                                    <label>共团：90</label>
                                    <span>已售：56</span>
                                </div>
                            </div>

                            <div class="pushData-price">
                                <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                <p class="pushData-price-old">市场价：￥630.39</p>
                                <a href="#">立即抢购</a>
                            </div>
                        </div>
                        <div class="pushData-row">
                            <a href="#">
                                <div class="pushData-img">
                                    <img src="img/product-img1.jpg">

                                    <div class="show-shop-type">
                                        <span>浓郁果香</span>
                                        <span class="active">香味纯正</span>
                                        <span>鲜嫩多汁</span>
                                    </div>
                                </div>
                                <div class="pushData-text group-shop-name">
                                    <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                    <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                </div>
                            </a>

                            <div class="pushData-time clearfix">
                                <div class="pushData-time-bar pull-left">
                                    <label>距结束</label>

                                    <div class="pull-right limitTime">
                                        <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                            class="timeMinute"></span>:<span
                                            class="timeSecond"></span>
                                    </div>
                                </div>
                                <div class="pushData-time-text pull-right">
                                    <label>共团：90</label>
                                    <span>已售：56</span>
                                </div>
                            </div>

                            <div class="pushData-price">
                                <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                <p class="pushData-price-old">市场价：￥630.39</p>
                                <a href="#">立即抢购</a>
                            </div>
                        </div>
                    </div>
                    <div class="list-tab-content">
                        <div class="pushData-row">
                            <a href="#">
                                <div class="pushData-img">
                                    <img src="img/product-img1.jpg">

                                    <div class="show-shop-type">
                                        <span>浓郁果香</span>
                                        <span class="active">香味纯正</span>
                                        <span>鲜嫩多汁</span>
                                    </div>
                                </div>
                                <div class="pushData-text group-shop-name">
                                    <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                    <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                </div>
                            </a>

                            <div class="pushData-time none-start-time clearfix">
                                <div class="pushData-time-bar pull-left">
                                    <label>离开始</label>

                                    <div class="pull-right limitTime">
                                        <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                            class="timeMinute"></span>:<span
                                            class="timeSecond"></span>
                                    </div>
                                </div>
                                <div class="pushData-time-text pull-right">
                                    <label>共团：90</label>
                                </div>
                            </div>

                            <div class="pushData-price">
                                <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                <p class="pushData-price-old">市场价：￥630.39</p>
                            </div>
                        </div>
                        <div class="pushData-row">
                            <a href="#">
                                <div class="pushData-img">
                                    <img src="img/product-img1.jpg">

                                    <div class="show-shop-type">
                                        <span>浓郁果香</span>
                                        <span class="active">香味纯正</span>
                                        <span>鲜嫩多汁</span>
                                    </div>
                                </div>
                                <div class="pushData-text group-shop-name">
                                    <label class="group-text-name text-overflow">苏州东山白玉枇杷3斤装（单果24g-35g）</label>
                                    <span class="group-text-intro text-clamp-overflow">新农之邦成都双流巧克力草莓，品种选自美国，保证绝对非转基因， 脆嫩多汁，内质丰富。【不催熟、不打蜡、不染色】</span>
                                </div>
                            </a>

                            <div class="pushData-time none-start-time clearfix">
                                <div class="pushData-time-bar pull-left">
                                    <label>离开始</label>

                                    <div class="pull-right limitTime">
                                        <span class="timeDay"></span>天<span class="timeHour"></span>:<span
                                            class="timeMinute"></span>:<span
                                            class="timeSecond"></span>
                                    </div>
                                </div>
                                <div class="pushData-time-text pull-right">
                                    <label>共团：90</label>
                                </div>
                            </div>

                            <div class="pushData-price">
                                <p class="pushData-price-now">团购价：<span>￥244.80</span></p>

                                <p class="pushData-price-old">市场价：￥630.39</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="pullUp">
                    <span class="pullUpLabel">加载更多...</span>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/iscroll-probe.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/area.js"></script>
<script src="js/box.js"></script>
<script src="js/public.js"></script>
<script>
    $(function () {
        var myScroll = publicFuns.newIScrollRefresh("#wrapper", refreshFun, loadFun, 0);

        //刷新方法
        function refreshFun() {
            console.log("页面刷新。");
            $.jAlert("刷新成功", "", "", "");
        }

        //加载数据方法
        function loadFun() {
            console.log("加载成功。");
        }

        //倒计时
        $(".limitTime").each(function (i) {
            var time = "";
            switch (i) {
                case 0:
                    time = "2016/06/29  18:50:00";
                    break;
                case 1:
                    time = "2016/06/29 14:54:05";
                    break;
                case 2:
                    time = "2016/06/30 19:20:00";
                    break;
                default :
                    time = "2016/06/28 19:20:00";
                    break;
            }
            publicFuns.limitTime(this, time, endFun);

            function endFun() {
                console.log("第" + (i+1) + "个，倒计时结束了！");
            }
        });

        //菜单切换
        $(".spellGroup-menu").find("li").click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            $(".list-tab-content").hide().eq($(this).index()).fadeIn(function(){
                myScroll.refresh();
            });
        });

        //窗口改变
        $(window).resize(function () {
            publicFuns.countRatio(".pushData-img", 690, 330);
            myScroll.refresh();
        }).trigger("resize");
    });
</script>
</body>
</html>
